<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎来到--艺博城</title>
<link href="css/home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

$(function() {
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);

	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");

	//上一页、下一页按钮透明度处理
	$("#focus .preNext").css("opacity",0.2).hover(function() {
		$(this).stop(true,false).animate({"opacity":"0.5"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"0.2"},300);
	});

	//上一页按钮
	$("#focus .pre").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});

	//下一页按钮
	$("#focus .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}
	
	$(".tab_head li").bind("mouseover", function() {
		$(".tab_head li").each(function(){$(this).children().removeClass("tabcur");});
		$(this).children().addClass("tabcur");
		$(".seccon div").each(function(){$(this).hide();});
		var i = this.value;
		$(".seccon div:eq("+i+")").show();
	});
});

</script>
</head>

<body>
<div id="header">
  <div id="topnav"> <span class="fr mr"> <a href="#">我的艺博 </a>|<a href="#"> 进货单 </a>|<a href="#"> 诚信通 </a>|<a href="#"> 供应商专区 </a>|<a href="#"> 客服中心 </a>|<a href="#"> 网站导航</a></span> <span class="fl ml">您好，欢迎来到艺博城 [<a href="#" class="col2">请登录</a>]<a href="#"> 免费注册</a></span> </div>
</div>
<div id="containter">
  <div class="c_top"> <a class="logo fl" href="#"><img src="images/logo.gif" /></a>
    <div class="more fr">
      <p><a href="#">搜索TOP10</a></p>
      <p><a href="#">如何获得好排名</a></p>
    </div>
    <div class="fr Search">
      <form name="searchForm" id="searchForm" method="get" action="#">
        <dl>
          <dt>
            <ul id="Search">
              <li class="cu" onclick="SwitchMod(this,'mall',0);">产品</li>
              <li onclick="SwitchMod(this,'company',1);">企业</li>
              <li onclick="SwitchMod(this,'trade',2);">求购</li>
              <li onclick="SwitchMod(this,'article',3);">资讯</li>
            </ul>
          </dt>
          <dd class="bl"></dd>
          <dd class="tx">
            <input name="key" id="key" onblur="this.value=this.value==''?'请输入关键词':this.value" onfocus="this.value=this.value=='请输入关键词'?'':this.value" value="请输入关键词" type="text">
          </dd>
          <dd class="bx">
            <input type="submit" value="搜索">
          </dd>
        </dl>
      </form>
    </div>
  </div>
  <div class="clear"></div>
  <div id="menu">
    <ul>
      <li><a href="#" class="on">首页</a></li>
      <li class="split">|</li>
      <li><a href="#">创业加盟</a></li>
      <li class="split">|</li>
      <li><a href="#">库存</a></li>
      <li class="split">|</li>
      <li><a href="#">批发</a></li>
      <li class="split">|</li>
      <li><a href="#">一手货</a></li>
      <li class="split">|</li>
      <li><a href="#">促销</a></li>
      <li class="split">|</li>
      <li><a href="#">采购洽谈会</a></li>
      <li class="split">|</li>
      <li><a href="#">交易会</a></li>
      <li class="split">|</li>
      <li><a href="#">展会</a></li>
      <li class="split">|</li>
      <li><a href="#">人才</a></li>
    </ul>
  </div>
  <div class="clear"></div>
  <div class="banner"><img src="images/banner.jpg" /></div>
  <div class="clear"></div>
  <div class="content">
    <div class="gonggao">
      <div class="tab_head">
        <ul>
          <li value="0"><a id="reccom" >热门促销</a></li>
          <li value="1" style=" border-right:none;"><a href="#" class="tabcur">公告栏</a></li>
        </ul>
      </div>
      <div class="seccon">
        <div id="conr1"  style="display: none; ">
          <ul>
            <li><a href="#">北京今典永康口腔门诊部</a></li>
            <li><a href="#">油边机东莞万氏机械厂</a></li>
            <li><a href="#">广东中山润景灯饰</a></li>
            <li><a href="#">北京今典永康口腔门诊部</a></li>
            <li><a href="#">裁断机东莞万氏机械厂</a></li>
            <li><a href="#">分条机东莞万氏机械厂</a></li>
            <li><a href="#">切带机东莞万氏机械厂</a></li>
            <li><a href="#">北京红外时代科技有限公司</a></li>
            <li><a href="#">切带机东莞万氏机械二</a></li>
            <li><a href="#">乐拍客娱乐竞拍风靡网络</a></li>
          </ul>
        </div>
        <div id="conr2"  style="display: block; ">
          <ul>
            <li><a href="#" class="col2 flat">东莞天印印章有限公司</a></li>
            <li><a href="#">越南贸易有限公司中国分公司</a></li>
            <li><a href="#">江阴富业保护膜有限公司</a></li>
            <li><a href="#">成都腾龙广告印务中心</a></li>
            <li><a href="#">广西南宁神话网络公司</a></li>
            <li><a href="#">广州EUSIN国际贸易</a></li>
            <li><a href="#">广东省开洞技术有限公司</a></li>
            <li><a href="#">常熟市空气净化设备有限公司</a></li>
            <li><a href="#">大连天天科技有限公司</a></li>
            <li><a href="#">南京加拿大洁爽有限公司</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="sider ">
      <div class="sider_t mb">
        <div id="focus">
          <ul>
            <li><a href="#"><img src="images/01.jpg" alt="QQ商城焦点图效果下载" /></a></li>
            <li><a href="#"><img src="images/02.jpg" alt="QQ商城焦点图效果教程" /></a></li>
            <li><a href="#"><img src="images/03.jpg" alt="jquery商城焦点图效果" /></a></li>
            <li><a href="#"><img src="images/04.jpg" alt="jquery商城焦点图代码" /></a></li>
            <li><a href="#"><img src="images/05.jpg" alt="jquery商城焦点图源码" /></a></li>
          </ul>
        </div>
      </div>
      <div class="clear"></div>
      <div class="sider_m"><span class="fl">正在求购：<a href="">广东采购商采购进口不锈钢气动隔膜泵</a></span><span class="fr">我也要求购</span></div>
      <div class="clear"></div>
      <div class="sider_b">
        <ul>
          <li><a href="#"><img  src="http://i02.c.aliimg.com/cms/upload/2012/881/423/324188_828062076.gif"></a></li>
          <li><a href="#"><img  src="http://i02.c.aliimg.com/cms/upload/2012/881/423/324188_828062076.gif"></a></li>
          <li><a href="#"><img  src="http://i02.c.aliimg.com/cms/upload/2012/881/423/324188_828062076.gif"></a></li>
          <li><a href="#"><img  src="http://i02.c.aliimg.com/cms/upload/2012/881/423/324188_828062076.gif"></a></li>
          <li><a href="#" class="last"><img  src="http://i02.c.aliimg.com/cms/upload/2012/881/423/324188_828062076.gif"></a></li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <div class="content_r">
      <div class="login">
        <ul>
          <li><a href="#"> 免费注册会员</a></li>
          <li class="line"></li>
          <li><a href="#">登入</a></li>
          <li class="line"></li>
          <li><a href="#">发布供求信息</a></li>
        </ul>
      </div>
      <div class="login_con">
        <dl>
          <dt> <a href="#" class="col2 flat">1500万网商在艺博网！</a><br>
            <a href="#">我和春天有个约会！订单这里来</a><br>
            <a href="#">今日53场采购洽谈会！机不可失</a><br>
          </dt>
          <dd> <a href="#">开通企业商铺</a><br>
            <a href="#">网上推广公司</a><br>
            <a href="#">快速发布求购</a><br>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <div class="jiaodian">
        <div class="j_title">
          <h2><a href="#" class="col2">焦点透视</a></h2>
        </div>
        <div class="j_main">
          <ul>
            <li> <a href="#" class="col2 flat">3.15 </a>|<a href="#"> 一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li> <a href="#" class="col2 flat">热点 </a>|<a href="#"> 江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li> <a href="#" class="col2 flat">3.15 </a>|<a href="#"> 一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li> <a href="#" class="col2 flat">热点 </a>|<a href="#"> 江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li> <a href="#" class="col2 flat">3.15 </a>|<a href="#"> 一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <!-----产品展示------>
  <div class="content2">
    <div class="c_left fl w643">
      <div class="h_title"> <span class="fl "><em class="col3 flat">产品展示 </em><a href="#"> 木雕类</a> |<a href="#"> 石雕类</a> |<a href="#"> 国画油画类</a> |<a href="#"> 民间工艺品类</a></span><span class="fr mr"><a href="#">更多</a></span> </div>
      <div class="h_main_t w643">
        <uL>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz"><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz" ><a href="#"> 创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz" ><a href="#">创意名片盒|创意</a></div>
          </li>
          <li>
            <div class="h_img"> <a href="#"><img src="images/yy.jpg"  alt="广州商路工艺
模型有限公司"></a></div>
            <div class="h_wz" ><a href="#">创意名片盒|创意</a></div>
          </li>
        </uL>
      </div>
    </div>
    <div class="c_right fr w307 ">
      <div class="h_title_1"> <a href="#" class="col2 flat">最新加入企业</a> </div>
      <div class="h_main h275">
        <ul>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
          <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
        </ul>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <!-----产品展示结束------> 
  
  <!---------分类列表-------------->
  <div class="content3">
    <div class="fl w643 wk">
      <div class="s_title">
        <div class="h_title"> <span class="fl "><em class="col3 flat">产品展示</em><a href="#"> 木雕类</a> |<a href="#"> 石雕类</a> |<a href="#"> 国画油画类</a> |<a href="#"> 民间工艺品类</a></span><span class="fr mr"><a href="#">更多</a></span> </div>
      </div>
      <div class="clear"></div>
      <div class="k_show" id="k_hover" >
        <dl>
          <dt class="dt_1"><strong>工业品</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4> <span><a href="#">五金</a></span> <a href="#">五金工具</a> <a href="#">五金机械</a> <a href="#">五金制品</a> <a href="#">五金机电</a> </h4>
                <h4><span><a href="#">建材</a></span> <a href="#">工业地板</a> <a href="#">楼宇设施</a> <a href="#">防水材料</a> </h4>
                <h4><span><a href="#">纺织业</a></span> <a href="#">纺织</a> <a href="#">编织</a> <a href="#">手袋</a> <a href="#">面料</a> <a href="#">纺织设备</a> <a href="#">皮革</a> </h4>
              </li>
              <li>
                <h4><span><a href="#">塑胶</a></span> <a href="#">吸塑</a> <a href="#">橡胶</a> <a href="#">塑胶模具</a> <a href="#">塑胶</a> <a href="#">塑料</a> <a href="#">胶粘制品</a></h4>
                <h4><span><a href="#">能源</a></span> <a href="#">煤</a> <a href="#">电池</a> <a href="#">锂电池</a> <a href="#">天然气</a> <a href="#">电动车电池</a> <a href="#">沼气</a></h4>
                <h4><span><a href="#">健康</a></span> <a href="#">制药设备</a> <a href="#">保健品</a> <a href="#">医药包装</a> <a href="#">消毒剂</a> <a href="#">保健酒</a> </h4>
              </li>
              <li>
                <h4><span><a href="#">化工</a></span> <a href="#">精细化工</a> <a href="#">化工原料</a> <a  href="#m" >日用化工</a> <a href="#">树脂</a> <a href="#">油漆</a> </h4>
                <h4><span><a href="#">网络通信</a></span> <a href="#">无线通信</a> <a href="#">交换机</a> <a href="#">网络运营</a> <a href="#">网络技术</a> </h4>
                <h4><span><a href="#">照明</a></span> <a href="#">节能灯</a> <a href="#">手电筒</a> <a href="#">LED灯具</a> <a href="#">指示灯</a> <a href="#">白炽灯</a></h4>
              </li>
              <li>
                <h4><span><a href="#">机械</a></span> <a href="#">机械制造</a> <a href="#">传动设备</a> <a href="#">电力</a> <a href="#">电机</a> <a href="#">机械设备</a> </h4>
                <h4><span><a  href="#" class="c_a">安防</a></span> <a href="#">安防监控</a> <a href="#">报警器</a> <a href="#">防护用品</a> <a href="#">防雷器</a> <a href="#">防盗器</a></h4>
                <h4><span><a href="#">美容仪器</a></span> <a href="#">美容仪器</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
      <div class="k_show" >
        <dl>
          <dt class="dt_1"><strong>消费品</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4><span><a href="#">电脑设备</a></span> <a href="#">打印机</a> <a href="#">显示器</a> <a href="#">电脑</a> <a href="#">软件</a> <a href="#">服务器</a></h4>
                <h4><span><a href="#">家用电器</a></span> <a href="#">空调</a> <a href="#">暖,冷气设备</a> <a href="#">音响</a> <a href="#">电磁炉</a> </h4>
                <h4><span><a href="#">电子产品</a></span> <a href="#">电子设备</a> <a href="#">电子元器件</a> <a href="#">电子材料</a> <a href="#">电源</a> </h4>
              </li>
              <li>
                <h4><span><a href="#">数码</a></span> <a href="#">投影机</a> <a href="#">手机</a> <a href="#">数码相机</a> <a href="#">视频会议系统</a> <a href="#">耳机</a></h4>
                <h4><span><a href="#">仪器仪表</a></span> <a href="#">光学仪器</a> <a href="#">测试仪</a> <a href="#">电磁流量计</a> <a href="#">传感器</a> </h4>
                <h4><span><a href="#">礼品</a></span> <a href="#">商务礼品</a> <a href="#">数码礼品</a> <a href="#">饰品</a> <a href="#">珠宝</a> <a href="#">礼品盒</a> </h4>
              </li>
              <li>
                <h4><span><a href="#">玩具</a></span> <a href="#">毛绒玩具</a> <a href="#">益智玩具</a> <a href="#">模型玩具</a> <a href="#">塑胶玩具</a> </h4>
                <h4><span><a href="#">眼镜</a></span> <a href="#">眼镜盒</a> <a href="#">眼镜配件</a> <a href="#">太阳镜</a> <a href="#">眼镜框</a> </h4>
                <h4><span><a href="#">汽车</a></span> <a href="#">摩托车</a> <a href="#">发动机</a> <a href="#">轮胎</a> <a href="#">二手车</a> <a href="#">车身</a> <a href="#">车灯</a> </h4>
              </li>
              <li>
                <h4><span><a href="#">工艺品</a></span> <a href="#">收藏品</a> <a href="#">精品</a> <a href="#">水晶</a> <a href="#">陶瓷</a> <a href="#">奖品</a> <a href="#">宝石</a></h4>
                <h4><span><a href="#">文教用品</a></span> <a href="#">办公设备</a> <a href="#">书店</a> <a href="#">教学模型</a> <a href="#">办公家具</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
      <div class="k_show" id="k_hover">
        <dl>
          <dt class="dt_2"><strong>日用品</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4><span><a href="#">家私</a></span> <a href="#">沙发</a> <a href="#">其他</a> <a href="#">床垫</a> <a href="#">桌椅</a> <a href="#">衣柜</a> <a href="#">餐桌</a></h4>
                <h4><span><a href="#">钟表</a></span> <a href="#">配件</a> <a href="#">加工</a> <a href="#">钟表制造</a> <a href="#">钟表</a> <a href="#">礼品表</a> <a href="#">纪念表</a></h4>
                <h4><span><a href="#">护肤用品</a></span> <a href="#">面膜</a> <a href="#">洗面奶</a> <a href="#">护手霜</a> <a href="#">保湿乳液</a></h4>
              </li>
              <li>
                <h4><span><a href="#">生活用品</a></span> <a href="#">厨具</a> <a href="#">餐具</a> <a href="#">浴巾</a> <a href="#">床上用品</a> <a href="#">婴儿用品</a></h4>
                <h4><span><a href="#">化妆</a></span> <a href="#">香水</a> <a href="#">彩妆</a> <a href="#">日化用品</a> <a href="#">女士用具</a> <a thref="#">男士用具</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
      <div class="k_show" id="k_hover">
        <dl>
          <dt class="dt_3"><strong>农产品</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4><span><a href="#">粮食</a></span> <a href="#">玉米</a> <a href="#">大豆</a> <a href="#">小麦</a> <a href="#">稻谷</a> <a href="#">高粱,粟,黍</a></h4>
                <h4><span><a href="#">蔬菜瓜果</a></span> <a href="#">蔬菜</a> <a href="#">水果</a> <a href="#">干果</a> <a href="#">坚果</a></h4>
                <h4><span><a href="#">养殖</a></span> <a href="#">饲料</a> <a href="#">水产</a> <a href="#">禽</a> <a href="#">畜</a> <a href="#">饲料添加剂</a> <a href="#">其他</a></h4>
              </li>
              <li>
                <h4><span><a href="#">食用油</a></span> <a href="#">花生油</a> <a href="#">芝麻油</a> <a href="#">橄榄油</a> <a href="#">调和油</a> <a href="#">菜籽油</a></h4>
                <h4><span><a href="#">肉,蛋</a></span> <a href="#">蛋</a> <a href="#">肉类</a> <a href="#">皮毛</a> <a href="#">水产</a></h4>
                <h4><span><a href="#">农资</a></span> <a href="#">农药</a> <a href="#">有机肥</a> <a href="#">化肥</a> <a href="#">种子</a> <a href="#">种苗</a></h4>
              </li>
              <li>
                <h4><span><a href="#">园艺</a></span> <a href="#">种子</a> <a href="#">花卉</a> <a href="#">种苗</a> <a href="#">绿化苗木</a> <a href="#">园艺工具</a></h4>
              </li>
              <li>
                <h4><span><a href="#">渔业</a></span> <a href="#">贝</a> <a href="#">藻</a> <a href="#">虾</a> <a href="#">蟹</a> <a href="#">渔具</a> <a href="#" target="_blank" >鱼类</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
      <div class="k_show" id="k_hover">
        <dl>
          <dt class="dt_3"><strong>服装服饰</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4><span><a >男装</a></span> <a >礼服</a> <a >休闲男装</a> <a >休闲裤</a> <a >商务男装</a> <a >品牌男装</a></h4>
                <h4><span><a >童装</a></span> <a >儿童服装</a> <a >亲子装</a> <a >婴儿装</a></h4>
                <h4><span><a >配饰</a></span> <a >手套</a> <a >领带</a> <a >围巾</a> <a >披肩</a> <a >帽子</a> <a >领带夹</a> <a >围脖</a></h4>
              </li>
              <li>
                <h4><span><a >女装</a></span> <a >婚纱</a> <a >孕妇装</a> <a >女裤</a> <a >女裙</a> <a >女上装</a> <a >职业女装</a></h4>
                <h4><span><a >内衣</a></span> <a >内衣</a> <a >内裤</a> <a >背心</a> <a >保暖</a> <a >塑身</a> <a >文胸</a> <a >情趣内衣</a></h4>
                <h4><span><a >鞋类</a></span> <a >凉鞋</a> <a >高跟鞋</a> <a >增高鞋</a> <a >皮鞋</a> <a >女鞋</a> <a >休闲鞋</a></h4>
              </li>
              <li>
                <h4><span><a >箱包</a></span> <a t>塑料箱</a> <a >拉杆箱</a> <a >男包</a> <a >运动包</a> <a >女包</a> <a >旅行包</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
      <div class="k_show last">
        <dl>
          <dt class="dt_1"><strong>日用品</strong> </dt>
          <dd>
            <ul>
              <li>
                <h4><span><a href="#">家私</a></span> <a href="#">沙发</a> <a href="#">其他</a> <a href="#">床垫</a> <a href="#">桌椅</a> <a href="#">衣柜</a> <a href="#">餐桌</a></h4>
                <h4><span><a href="#">钟表</a></span> <a href="#">配件</a> <a href="#">加工</a> <a href="#">钟表制造</a> <a href="#">钟表</a> <a href="#">礼品表</a> <a href="#">纪念表</a></h4>
                <h4><span><a href="#">护肤用品</a></span> <a href="#">面膜</a> <a href="#">洗面奶</a> <a href="#">护手霜</a> <a href="#">保湿乳液</a></h4>
              </li>
              <li>
                <h4><span><a href="#">家私</a></span> <a href="#">沙发</a> <a href="#">其他</a> <a href="#">床垫</a> <a href="#">桌椅</a> <a href="#">衣柜</a> <a href="#">餐桌</a></h4>
                <h4><span><a href="#">钟表</a></span> <a href="#">配件</a> <a href="#">加工</a> <a href="#">钟表制造</a> <a href="#">钟表</a> <a href="#">礼品表</a> <a href="#">纪念表</a></h4>
                <h4><span><a href="#">护肤用品</a></span> <a href="#">面膜</a> <a href="#">洗面奶</a> <a href="#">护手霜</a> <a href="#">保湿乳液</a></h4>
              </li>
              <li>
                <h4><span><a href="#">家私</a></span> <a href="#">沙发</a> <a href="#">其他</a> <a href="#">床垫</a> <a href="#">桌椅</a> <a href="#">衣柜</a> <a href="#">餐桌</a></h4>
                <h4><span><a href="#">钟表</a></span> <a href="#">配件</a> <a href="#">加工</a> <a href="#">钟表制造</a> <a href="#">钟表</a> <a href="#">礼品表</a> <a href="#">纪念表</a></h4>
                <h4><span><a href="#">护肤用品</a></span> <a href="#">面膜</a> <a href="#">洗面奶</a> <a href="#">护手霜</a> <a href="#">保湿乳液</a></h4>
              </li>
              <li>
                <h4><span><a href="#">生活用品</a></span> <a href="#">厨具</a> <a href="#">餐具</a> <a href="#">浴巾</a> <a href="#">床上用品</a> <a href="#">婴儿用品</a></h4>
                <h4><span><a href="#">化妆</a></span> <a href="#">香水</a> <a href="#">彩妆</a> <a href="#">日化用品</a> <a href="#">女士用具</a> <a thref="#">男士用具</a></h4>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
    </div>
    <div class="fr">
      <div class="w307 wk">
        <div class="h_title_1 col2 flat">专场活动</div>
        <div class="hd_main">
          <dl class="h320">
            <dd><a href="#"><img src="images/1.jpg" /></a></dd>
            <dd><a href="#"><img src="images/2.jpg" /></a></dd>
            <dd><a href="#"><img src="images/3.jpg" /></a></dd>
            <dd><a href="#"><img src="images/1.jpg" /></a></dd>
            <dd><a href="#"><img src="images/2.jpg" /></a></dd>
            <dd><a href="#"><img src="images/3.jpg" /></a></dd>
            <dd><a href="#"><img src="images/1.jpg" /></a></dd>
            <dd><a href="#"><img src="images/2.jpg" /></a></dd>
            <dd><a href="#"><img src="images/3.jpg" /></a></dd>
          </dl>
        </div>
      </div>
      <div class="w307 wk mt">
        <div class="h_title_1 col2 flat">行业活动</div>
        <div class="h_main h250">
          <ul>
            <li><img src="images/pic.png" /></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          </ul>
        </div>
      </div>
      <div class="w307 wk mt">
        <div class="h_title_1 col2 flat">原料信息</div>
        <div class="h_main h250">
          <ul>
            <li><img src="images/pic.png" /></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">江中儿童健胃消食片"吹牛"涉虚假广告</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
            <li><a href="#">一酷百应等牛仔裤被曝抽检产品不合格</a></li>
          </ul>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="banner mt"><img src="images/banner.jpg" /></div>
  <div class="clear"></div>
  <!--------行业排行-------------->
  <div class="content4 wk">
    <div class="h_title w950"> <span class="fl "><em class="col3 flat">行业十大评 </em></span><span class="fr mr"><a href="#">评选手册 </a>|<a href="#"> 专家</a> |<a href="#"> 视频</a> | <a href="#">榜单</a></span> </div>
    <div class="clear"></div>
    <div class="partner">
      <div class="partnerTitle flat col2" ><span>独家冠名</span> </div>
      <ul class="partnerList">
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>五金行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>丝印行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>安防行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>水工业行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>电镀行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>塑料行业</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>大有工具 严晓峰</span></a></li>
        <li> <a href="#"><img src="images/5.jpg" width="102" height="69"><span>天龙化工 尹炽坚</span></a></li>
      </ul>
    </div>
    <div class="topten btop">
      <div class="toptenC ">
        <div class="toptenC1 br">
          <h3> <a href="#">汽车电子十大颁奖盛典 年度荣耀 品牌榜样</a> </h3>
          <div class="toptenC1_list">
            <ul class="clear">
              <li><a href="#">五金十大评选演绎精彩</a></li>
              <li><a href="#">汽车配件2011年度骄傲</a> </li>
              <li><a href="#">智能家居十大品牌征文</a></li>
              <li><a href="#">采暖十大京沪同时启动</a> </li>
              <li><a href="#">优贝汽车用品十大评选</a> </li>
              <li><a href="#">数十载沉淀铸今日辉煌</a> </li>
            </ul>
          </div>
          <div class="topten_Rimg"> <a href="#"><img src="images/6.jpg" width="60" height="60"> 路宾</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 胡志钢</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 杨承杰</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 王琳</a> </div>
        </div>
        <div class="toptenC1 br">
          <h3> <a href="#">汽车电子十大颁奖盛典 年度荣耀 品牌榜样</a> </h3>
          <div class="toptenC1_list">
            <ul class="clear">
              <li><a href="#">五金十大评选演绎精彩</a></li>
              <li><a href="#">汽车配件2011年度骄傲</a></li>
              <li><a href="#">智能家居十大品牌征文</a></li>
              <li><a href="#">采暖十大京沪同时启动</a></li>
              <li><a href="#">优贝汽车用品十大评选</a></li>
              <li><a href="#">数十载沉淀铸今日辉煌</a></li>
            </ul>
          </div>
          <div class="topten_Rimg"> <a href="#"><img src="images/6.jpg" width="60" height="60"> 路宾</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 胡志钢</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 杨承杰</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 王琳</a> </div>
        </div>
        <div class="toptenC1">
          <h3> <a href="#">汽车电子十大颁奖盛典 年度荣耀 品牌榜样</a> </h3>
          <div class="toptenC1_list">
            <ul class="clear">
              <li><a href="#">五金十大评选演绎精彩</a></li>
              <li><a href="#">汽车配件6011年度骄傲</a> </li>
              <li><a href="#">智能家居十大品牌征文</a></li>
              <li><a href="#">采暖十大京沪同时启动</a> </li>
              <li><a href="#">优贝汽车用品十大评选</a> </li>
              <li><a href="#">数十载沉淀铸今日辉煌</a> </li>
            </ul>
          </div>
          <div class="topten_Rimg"> <a href="#"><img src="images/6.jpg" width="60" height="60"> 路宾</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 胡志钢</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 杨承杰</a> <a href="#"><img src="images/6.jpg" width="60" height="60"> 王琳</a> </div>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <!--------行业排 结束行-------------->
  <div class="clear"></div>
  <div class="banner mt"><img src="images/banner.jpg" /></div>
  <div class="clear"></div>
  <!--------论坛-------------->
  <div class="content5 wk">
    <div class="h_title w950"> <span class="fl "><em class="col3 flat">艺博社区 </em><a href="#"> 博客</a> |<a href="#"> 管理之道</a> |<a href="#"> 经商宝典 </a>| <a href="#">论坛</a> </span><span class="fr mr"><a href="#">图片精华</a> | <a href="#">行业取经</a> | <a href="#">网友贴图</a></span> </div>
    <div class="clear"></div>
    <div class="bbs05">
      <div class="bbssubnav">
        <ul>
          <li><a href="#">电子商务</a></li>
          <li><a href="#">经营之道</a></li>
          <li><a href="#" class="on">创业故事</a></li>
          <li><a href="#">职场万象</a></li>
          <li><a href="#">贸易洽谈</a></li>
          <li><a href="#">行业取经</a></li>
          <li><a href="#">十大评选</a></li>
          <li><a href="#">版主申请</a></li>
          <li><a href="#">新手报到</a></li>
          <li><a href="#">商友提问</a></li>
          <li><a href="#">投诉建议</a></li>
          <li><a href="#">轻松一刻</a></li>
        </ul>
      </div>
      <div class="bbs05left">
        <div class="Limgtxt">
          <dl>
            <dt><a href="#">7万吨的大单 让我喜忧参半</a></dt>
            <dd> <a href="#">如何应对网上压价</a></dd>
            <dd> <a href="#">"最新活动：一句话证明你是上班族！</a></dd>
            <dd><a href="#">想脱贫吗 还苦于买不起自助广告吗</a></dd>
            <dd><a href="#">论坛征原创文章活动--【申精通道】</a> </dd>
          </dl>
        </div>
        <div class="Llist">
          <ul>
            <li><a href="#">业务男：一哭二闹三上吊搞定美女批发商</a></li>
            <li><a href="#">人人都以为赶不出来的货竟然提早完成了</a></li>
            <li><a href="#">五十多岁口吃老业务员的成功经验 分享</a></li>
            <li><a href="#">想在一行业出头 必须有沉浸10年的决心!</a></li>
            <li><a href="#">没零钱让我从几十亏到了几百元 悲催啊!</a></li>
            <li><a href="#">宏亿螺丝在慧聪五金十大评选的获奖感言</a></li>
            <li><a href="#">没零钱让我从几十亏到了几百元 悲催啊!</a></li>
            <li><a href="#">宏亿螺丝在慧聪五金十大评选的获奖感言</a></li>
          </ul>
        </div>
      </div>
      <div class="bbs05midden">
        <div class="Mtitle"> <a href="#">都是涨价惹的祸 洗头发一星期一洗</a> </div>
        <div class="Mlist">
          <ul>
            <li><a href="#">假货卖天价真货难卖</a></li>
            <li><a href="#">中小企业咋和巨头斗</a></li>
            <li><a href="#">驴肉火烧换三万订单</a></li>
            <li><a href="#">老板说我不如13岁娃</a></li>
            <li><a href="#">三个细节留住了客户</a></li>
            <li><a href="#">慧聪达人快乐充实着</a></li>
          </ul>
        </div>
        <div class="clear"></div>
        <div class="Mtitle"> <a href="#">2012北京国际车展即将开幕</a> </div>
        <div class="Mlist2">
          <ul>
            <li><a href="#">[行业博客]</a> <a href="#">告别"一个人"的娃哈哈</a> </li>
            <li><a href="#">[行业博客]</a> <a href="#">销售库存怎样为品牌加分</a></li>
            <li><a href="#">[行业博客]</a> <a href="#">让家人放心是最根本素质</a> </li>
            <li><a href="#">[行业博客]</a> <a href="#">销售库存怎样为品牌加分</a></li>
            <li><a href="#">[行业博客]</a> <a href="#">让家人放心是最根本素质</a> </li>
          </ul>
        </div>
        <div class="Mimgtxt"> <a href="#"><img src="images/2012.jpg"  width="120" height="70">过去三十年</a> <a href="#"><img src="images/20120.jpg"  width="120" height="70">约会春天活动</a> </div>
      </div>
      <div class="bbs05right">
        <div class="RL">
          <div class="Rimgtxt">
            <div class="Rimgtxt"> <a href="#"><img src="images/201203151026303356.jpg"  width="50" height="50" /></a>
              <h2><a href="#">易达化工</a></h2>
              <span><a href="#"> yidafa</a></span></div>
          </div>
          <div class="rimglist"> <a href="#">销售人分享您接单绝招</a> <a href="#">采购MM订货难寻负责人</a> </div>
          <div class="rph">
            <h3>热帖排行</h3>
            <div class="rphlist">
              <ul>
                <li><a href="#">龙宝宝扎堆生可怜的工资</a></li>
                <li><a href="#">八只母鸡换来18万元订单</a></li>
                <li><a href="#">客户称呼问题差点未签单</a></li>
                <li><a href="#">接30万单先免费提供样品</a></li>
                <li><a href="#">为客户承担差旅费签大单</a></li>
                <li><a href="#">90后竟然叫老板来接上班</a></li>
                <li><a href="#">五万块机器老外折腾半年</a></li>
                <li><a href="#">五万块机器老外折腾半年</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="Rr">
          <div class="Rimgtxt"> <a href="#"><img src="images/201203151027145700.jpg"  width="50" height="50"></a>
            <h2><a href="#">长河广告</a></h2>
            <span><a href="#">river588</a></span> </div>
          <div class="rimglist"> <a href="#">这个春天你是我的开心</a> <a href="#">古人穿越做起广告营销</a> </div>
          <div class="rph">
            <h3>精华排行</h3>
            <div class="rphlist">
              <ul>
                <li><a href="#">你们老板见我就会爱上我</a></li>
                <li><a href="#">小小一张名片毁掉大订单</a></li>
                <li><a href="#">跑市场和做电商哪个挣钱</a></li>
                <li><a href="#">女业务员签单不成反丢命</a></li>
                <li><a href="#">客户对询问的反感咋解决</a></li>
                <li><a href="#">同行老板电话叫我小心点</a></li>
                <li><a href="#">想签单收客户信息是关键</a></li>
                <li><a href="#">想签单收客户信息是关键</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
     <div class="clear"></div> 
    </div>
  </div>
  <!--------论坛结束-------------->
  <div class="clear"></div>
  <div class="content5 wk">
    <div class="h_title w950"><em class="col3 flat">你可能喜欢</em></div>
    <div class="pro_list">
      <ul>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
        <li> <a href=""><img src="images/7.jpg" /><span>丝印行业</span></a></li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  <div class="content6">
    <div class="obj_know">
      <div class="obj_service">
        <h1>新手指南</h1>
        <ul>
          <li><a href="#">注册新用户</a></li>
          <li><a href="#">帐号密码</a></li>
          <li><a href="#">买家入门</a></li>
          <li><a href="#">卖家入门</a></li>
        </ul>
      </div>
      <div class="obj_service">
        <h1>采购商服务</h1>
        <ul>
          <li><a href="#">找公司</a></li>
          <li><a href="#">找产品</a></li>
          <li><a href="#">区域分站</a></li>
          <li><a href="#">专业市场</a></li>
          <li><a href="#">商机快递</a></li>
        </ul>
      </div>
      <div class="obj_service">
        <h1>供应商服务</h1>
        <ul>
          <li><a href="#">诚信通服务</a></li>
          <li><a href="#">艺博推广</a></li>
          <li><a href="#">应用市场</a></li>
          <li><a href="#">物流服务</a></li>
          <li><a href="#">网商培训</a></li>
        </ul>
      </div>
      <div class="obj_service">
        <h1>交易安全</h1>
        <ul>
          <li><a href="#">买家防骗</a></li>
          <li><a href="#">卖家防骗</a></li>
          <li><a href="#">交易纠纷</a></li>
          <li><a href="#">投诉举报</a></li>
          <li><a href="#">支付宝担保交易</a></li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
<div class="clear"></div>
<div id="footer">
  <div id="footer-v1">
    <div class="footer-container">
      <div class="footer-ali-pages">
        <ul>
          <li><a href="#">关于艺博</a> |</li>
          <li><a href="#">诚征英才</a> |</li>
          <li><a href="#">联系我们</a> |</li>
          <li><a href="#">欢迎合作</a> |</li>
          <li><a href="#">知识产权侵权投诉</a> |</li>
          <li><a href="#">著作权与商标声明</a> |</li>
          <li><a href="#">法律声明</a> |</li>
          <li><a href="#">服务条款</a> |</li>
          <li><a href="#">隐私声明</a> |</li>
          <li><a href="#">网站地图</a></li>
        </ul>
      </div>
      <div class="footer-ali-certs">
        <div class="certs-icons"> <img src="images/foot-icon.png" width="165" height="41" alt="许可证" usemap="#certs-icons-img">
          <map name="certs-icons-img">
            <area shape="rect" coords="0,0,80,40" href="#">
            <area shape="rect" coords="80,0,120,40" href="#">
            <area shape="rect" coords="130,0,165,40" href="#">
          </map>
        </div>
        <div class="net-miibeian"><a href="#">增值电信业务经营许可证 <br>
          闽B2-20070066</a></div>
        <div class="net-medicine">互联网药品信息服务资格证书<br>
          (闽)-经营性-20070002<!--</a>--></div>
        <div class="net-video" >信息网络传播视听节目许可证<br>
          1109366</div>
      </div>
    </div>
  </div>
</div>
<script language="javascript">
	function SwitchMod(Obj,mod,num) {
	for (var i = 0; i<Obj.parentNode.children.length;i++) {
	if (i==num) {
	Obj.parentNode.children[i].className = 'cu';
	}
	else
	{
	Obj.parentNode.children[i].className = '';
	}
	}
	document.getElementById('searchForm').action	= '#'+mod+'#';
	}
</script>
</body>
</html>
